<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page import="itsm.isperp.framework.core.context.ContextHolder"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
  String path = request.getContextPath();
			String basePath = ContextHolder.getWebServerName(request);
%>


<div data-role="content" class="ui-content" role="main" style="position:absolute;height:100%;width:100%;background-color:#f8f8f8">
	
		<c:forEach var="var_cateList" items="${cateList }">
		  
		    <div class="weui-cells__title_ex">${var_cateList.name }</div>
		  
		  <div class="weui-grids">
			<c:forEach var="var_service" items="${serviceList }">
			<c:if test="${var_cateList.id eq var_service.categoryId}">
				<a
					href="<%=basePath%>api/wechat/serviceCatalog/detail?id=${var_service.id }"
					class="weui-grid" style="padding:15px 10px;">
					<div class="weui-grid__icon">
					  <c:if test="${not empty var_service.photo }">
						<img src="<%=basePath%>${var_service.photo }" alt="">
					  </c:if>
					  <c:if test="${empty var_service.photo }">
						<img src="../../../img/wechat/icon_tabbar.png" alt="">
					  </c:if>
					</div>
					<p class="weui-grid__label"
						style="font-size:12px;white-space:normal;text-overflow:inherit;overflow:inherit;">${var_service.name
						}</p> </a>
						 </c:if>
			</c:forEach>
			</div>
			
		</c:forEach>
	
</div>
<script type="text/javascript">
    document.title = '服务目录';
</script>